<template>
	<view class="container">
		<view @click="lookOne(1)" v-if="id==1">
			<view class="list">我订鲜花（或蛋糕）最快多久能送到？</view>
			<view class="list">我订鲜花（或蛋糕）需要提前预订吗？ </view>
			<view class="list">异地送花可以吗？(如：我人在北京可以送花到长沙去吗？) </view>
			<view class="list">我要选择某一个时段送到？可以吗？</view>
			<view class="list">鲜花是免费配送的吗？</view>
			<view class="list">你们的花新不新鲜？ </view>
			<view class="list">送到的鲜花会和图片上的一样吗？</view>
			<view class="list">先付款还是货到付款？</view>
		</view>
		<view @click="lookOne(2)" v-if="id==2">
			<view class="list">投诉说明</view>
			<view class="list">礼券说明 </view>
			<view class="list">鲜花售后服务</view>
			<view class="list">绿植售后服务</view>
		</view>
		<view @click="lookOne(3)" v-if="id==3">
			<view class="list">配送说明</view>
			<view class="list">配送范围</view>
			<view class="list">配送费用查询</view> 
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: ''
			}
		},
		onLoad(option) {
			this.id = option.id
		},
		methods: {
			lookOne(id) {
				uni.navigateTo({
					url: '/pages-me/ProblemDetail/ProblemDetail?id=' + id
				})
			}
		}
	}
</script>

<style lang="scss">
	.container {
		width: 750rpx;

		.list {
			width: 88%;
			margin: 20rpx auto;
			padding: 20rpx;
			box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.15);
			border-radius: 6rpx;
		}
	}
</style>
